<!DOCTYPE html>
<%@taglib prefix="in" uri="/WEB-INF/tld/decorator.tld"%>
<html>
<head>
<title>SiteMan</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<in:headerInc incKendo="yes" />
<script type="text/javascript" src="resources/app/js/home.js"></script>
</head>
<body>
	<in:header></in:header>	
	
	
	<in:leftPanel></in:leftPanel>
	
	<div class="main-area">
		<div class="main-content">
			<div class="row top-row">
				<div class="col-md-2">
					<div class="btn-group">
						<button type="button" class="btn btn-default"
							title="Toggle Sidebar">
							<i class="fa fa-bars fa-lg"></i>
						</button>
						<button type="button" class="btn btn-default"
							title="Advanced Search">
							<i class="fa fa-search-plus fa-lg"></i>
						</button>
					</div>
				</div>
				<div class="col-md-10">
					<div class="pull-right padd-sm select">
						<table>
							<tr>
								<td><h5>Project:</h5></td>
								<td>&nbsp;</td>
								<td><select class="form-control" id="currentProject"
									url="getList.htm?id=2" style="min-width: 200px">
								</select></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="row">
				<div id="main" class="clearfix col-md-12">
					<div class="row">
						<div class="col-md-4">
							<div id="fav-btn">
								<div class="row">
									<div class="col-md-4 fav-btn-normal">
										<a href="#" title="Create New"> <i
											class="fa fa-file-text-o"></i><span>Create New</span>
										</a><span class="triangle-button red"><i class="fa fa-plus"></i></span>
									</div>
									<div class="col-md-4 fav-btn-normal">
										<a href="#" title="Create New"> <i
											class="fa fa-file-text-o"></i><span>Create New</span>
										</a><span class="triangle-button red"><i class="fa fa-plus"></i></span>
									</div>
									<div class="col-md-4 fav-btn-normal">
										<a href="#" title="Create New"> <i
											class="fa fa-file-text-o"></i><span>Create New</span>
										</a><span class="triangle-button red"><i class="fa fa-plus"></i></span>
									</div>
								</div>
								<div class="row">
									<div class="col-md-4 fav-btn-normal">
										<a href="#" title="Create New"> <i
											class="fa fa-file-text-o"></i><span>Create New</span>
										</a><span class="triangle-button red"><i class="fa fa-plus"></i></span>
									</div>
									<div class="col-md-4 fav-btn-normal">
										<a href="#" title="Create New"> <i
											class="fa fa-file-text-o"></i><span>Create New</span>
										</a><span class="triangle-button red"><i class="fa fa-plus"></i></span>
									</div>
									<div class="col-md-4 fav-btn-normal">
										<a href="#" title="Create New"> <i
											class="fa fa-file-text-o"></i><span>Create New</span>
										</a><span class="triangle-button red"><i class="fa fa-plus"></i></span>
									</div>
								</div>
								<div class="row">
									<div class="col-md-4 fav-btn-normal">
										<a href="#" title="Create New"> <i
											class="fa fa-file-text-o"></i><span>Create New</span>
										</a><span class="triangle-button red"><i class="fa fa-plus"></i></span>
									</div>
									<div class="col-md-4 fav-btn-normal">
										<a href="#" title="Create New"> <i
											class="fa fa-file-text-o"></i><span>Create New</span>
										</a><span class="triangle-button red"><i class="fa fa-plus"></i></span>
									</div>
									<div class="col-md-4 fav-btn-normal">
										<a href="#" title="Create New"> <i
											class="fa fa-file-text-o"></i><span>Create New</span>
										</a><span class="triangle-button red"><i class="fa fa-plus"></i></span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-8">
							<div class="box">
								<div class="box-header">
									<div class="title" for="dashBoardChart">Charts</div>
									<ul class="box-toolbar">
										<li class="toolbar-link"><a href="#" id='btnPrevChart'><i
												class="fa fa-arrow-circle-left"></i></a></li>
										<li class="toolbar-link"><a href="#" id='btnStopTimer'><i
												class="fa fa-pause"></i></a></li>
										<li class="toolbar-link"><a href="#" id='btnNextChart'><i
												class="fa fa-arrow-circle-right"></i></a></li>
										<li class="toolbar-link"><a href="#"
											data-toggle="dropdown"><i class="fa fa-cog"></i></a>
											<ul class="dropdown-menu">
												<li><a href="#"><i class="fa fa-plus"></i> Add</a></li>
												<li><a href="#"><i class="fa fa-delete"></i> Remove</a></li>
												<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
											</ul></li>
									</ul>
								</div>

								<div class="box-content padd-15">
									<div class="row">
										<div class="col-md-4 separate-sections"
											style="margin-top: 5px;">

											<div class="row">
												<div class="col-md-12">
													<div class="dashboard-stats">
														<ul class="list-inline">
															<li class="avatar green"><i
																class="fa fa-arrow-circle-o-up fa-2x"></i></li>
															<li class="count">973,119</li>
														</ul>

														<div class="progress">
															<div class="progress-bar progress-blue tip" title="80%"
																data-percent="80"></div>
														</div>

														<div class="stats-label">Total Visits</div>
													</div>
												</div>
											</div>

											<div class="row" style="margin-top: 30px;">
												<div class="col-md-6">
													<div class="dashboard-stats small">
														<ul class="list-inline">
															<li class="avatar yellow"><i
																class="fa fa-arrows-h fa-2x"></i></li>
															<li class="count">8800</li>
														</ul>
														<div class="progress">
															<div class="progress-bar progress-blue tip" title="65%"
																data-percent="65"></div>
														</div>

														<div class="stats-label">New Visitors</div>
													</div>
												</div>

												<div class="col-md-6">
													<div class="dashboard-stats small">
														<ul class="list-inline">
															<li class="avatar red"><i
																class="fa fa-arrow-circle-o-down fa-2x"></i></li>
															<li class="count">25668</li>
														</ul>
														<div class="progress">
															<div class="progress-bar progress-blue tip" title="80%"
																data-percent="80"></div>
														</div>
														<div class="stats-label">Page Views</div>
													</div>
												</div>
											</div>

										</div>
										<div class="col-md-8">
											<div class="sine-chart" id="dashBoardChart"
												style="max-height: 200px"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6">
							<div class="box small-Schdluer">
								<div class="box-header">
									<div class="title">Full calendar</div>

								</div>

								<div class="box-content">
									<div id="scheduler"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="box">
								<div class="box-header">
									<span class="title">Bulliten Board</span>
									<ul class="box-toolbar">
										<li><span class="label label-blue"></span></li>
									</ul>
								</div>
								<div class="box-content scrollable"
									style="height: 500px; overflow-y: auto">
									<!-- find me in partials/news_with_icons -->

									<div class="box-section news with-icons">
										<div class="avatar blue">
											<i class="fa fa-rss fa-2x"></i>
										</div>
										<div class="news-time">
											<span>06</span> jan
										</div>
										<div class="news-content">
											<div class="news-title">
												<a href="#">Twitter Bootstrap v3.0 is coming!</a>
											</div>
											<div class="news-text">With 2.2.2 out the door, our
												attention has shifted almost entirely to the next major
												update to the project ...</div>
										</div>
									</div>

									<div class="box-section news with-icons">
										<div class="avatar green">
											<i class="fa fa-comment-o fa-2x"></i>
										</div>
										<div class="news-time">
											<span>11</span> feb
										</div>
										<div class="news-content">
											<div class="news-title">
												<a href="#">Ruby on Rails 4.0</a>
											</div>
											<div class="news-text">Rails 4.0 is still unfinished,
												but it is shaping up to become a great release ...</div>
										</div>
									</div>

									<div class="box-section news with-icons">
										<div class="avatar purple">
											<i class="fa fa-calendar-o fa-2x"></i>
										</div>
										<div class="news-time">
											<span>04</span> mar
										</div>
										<div class="news-content">
											<div class="news-title">
												<a href="#">All about SCSS</a>
											</div>
											<div class="news-text">Sass makes CSS fun again. Sass
												is an extension of CSS3, adding nested rules ...</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>